.page-trans {
  &-enter-active,
  &-leave-active {
    // position: absolute;
    transition: all 1s;
  }

  &-enter-from {
    transform: scale(0.8);
    opacity: 0;
  }

  &-enter-to {
    transform: scale(1);
  }

  &-leave-from {
    transform: translateX(0%);
  }

  &-leave-to {
    transform: translateX(100%);
    opacity: 0;
  }
}

.fade-in {
  &-enter-active,
  &-leave-active {
    // position: absolute;
    transition: all 0.25s;
  }

  &-enter-from,
  &-leave-to {
    opacity: 1;
  }
  &-enter-to,
  &-leave-from {
    opacity: 0;
  }
}
